

<template>
  <div style="text-align: center">
    <router-link to="/home">
        watch和watchEffect和toRef
    </router-link>
    <router-link to="/cart">|
        购物车
    </router-link>
  </div>
    <router-view></router-view>
</template>
<script setup>

</script>
<style scoped>
/* 修改router-link的激活样式
   router-link-active 父级也可能加上样式 如/find/cart */
  /* .router-link-active {
    color: red;
    font-size: 30px;
  } */
  .router-link-exact-active{
       color: red;
       font-size: 30px;
  }
</style>
